<script setup lang="ts">
import data from "./data";
import Editor from "./packages/editor";
import { registerConfig as config } from "@/utils/editor-config";
provide("config", config);
const state = ref(data);

console.log(data, "data");
console.log(config, "config");
const formData: Ref<{ [key in string]: string | number }> = ref({
  userName: "zij",
  password: 123,
  start: 0,
  end: 100,
});
</script>

<template>
  <div class="app">
    <Editor v-model="state" :formData="formData"></Editor>
  </div>
</template>

<style scoped lang="scss">
.app {
  position: fixed;
  top: 20px;
  left: 20px;
  bottom: 20px;
  right: 20px;
  background-color: #f7f7f7;
}
.el-button,
.el-input {
  transition: none !important;
}

//使用 ::v-deep
.el-input ::v-deep .el-input__inner {
  transition: none !important;
}
.el-button ::v-deep.el-button {
  transition: none !important;
}
::v-deep.el-button--primary {
  transition: none !important;
}
</style>
